<el-table class="" size="mini" empty-text="no data" hover border :data="tableData" style="width: 100%" @cell-click="cellClick"
    :row-class-name="tableRowClassName">
    <el-table-column type="index" width="50">
    </el-table-column>
    <el-table-column label="组件ID" prop="id" width=80>
    </el-table-column>
    <el-table-column label="组件中文名" prop="cnName" show-overflow-tooltip>
        <template slot-scope="scope">
            <el-button type="text" @click="handleEditClick(scope.row,1)" size="small">{{scope.row.cnName}}</el-button>
        </template>
    </el-table-column>
    <el-table-column label="组件英文名" prop="enName" show-overflow-tooltip>
    </el-table-column>
    <el-table-column label="最新版本" prop="latestVersion">
    </el-table-column>
    <el-table-column label="标签" prop="tagArr">
        <template slot-scope="scope">
            <el-tag size="mini" v-for="tag in scope.row.tagArr" :key="tag.text" color="tag.color">{{tag.text}}</el-tag>
        </template>
    </el-table-column>
    <el-table-column label="描述" prop="desc" show-overflow-tooltip>
    </el-table-column>
    <el-table-column label="提供商" prop="supplier" width=100 show-overflow-tooltip>
    </el-table-column>
    <el-table-column label="操作" prop="opt" v-if="hasOpt">
        <template slot-scope="scope">
            <el-button type="text" @click="handleEditClick(scope.row,1)" size="small">编辑</el-button>
            <a v-if="scope.row.showImageUrl!=undefined&&scope.row.showImageUrl.length>0" :href="scope.row.showImageUrl" target="_blank">缩略图</el-button>
        </template>

    </el-table-column>
</el-table>